<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sportnews.com</title>

	<!---------- CSS ------------>
    
    <style type="text/css">
        label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
    </style>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>regCss/reg_style.css">
    
        <!---------- JAVASCRIPT - JQUERY ------------>
    
    <script src="<?php echo base_url();?>js/jquery-latest.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>js/jquery.validate.js"></script>
    <script>
        $(document).ready(function(){
           $("#regForm").validate({
              rules:{
                  username:{
                      required:true,
                      minlength:10,
                      maxlength:20
                  },
                  password:{
                      required:true,
                      minlength:8,
                      maxlength:20
                  },
                  confirm_password:{
                      required:true,
                      minlength:8,
                      maxlength:20,
                      equalTo:"#password"
                  },
                  email:{
                      required:true,
                      email:true,
                      minlength:13,
                      maxlength:70
                  },
                  confirm_email:{
                      required:true,
                      email:true,
                      minlength:13,
                      maxlength:70,
                      equalTo:"#email"
                  }
              } 
           });
        });
    </script>
</head>

<body>

    <!--BEGIN #signup-form -->
    <div id="signup-form">
        
        <!--BEGIN #subscribe-inner -->
        <div id="signup-inner">
        
        	<div class="clearfix" id="header">
        	
                <img id="signup-icon" src="<?php echo base_url();?>images/signup.png" alt="" />
        
                <h1>Sign up to Sportnews.com !</h1>

            
            </div>
			<p>Please complete the fields below, ensuring you use a valid email address.</p>

            <!--FORM OPEN-->
            <?php $attributes = array('id'=>'regForm');?>
            <?php echo form_open('register/check_user_exist',$attributes); ?>
            <fieldset>
                <p>
                <label for="username">Username *</label>
                <input id="username" type="text" name="username"/>
                </p>
                
                <p>
                <label for="password">Password *</label>
                <input id="password" type="password" name="password"/>
                </p>
                
                <p>
                <label for="password">Confirm Password *</label>
                <input id="confirm_pass" type="password" name="confirm_password"/>
                </p>
                
                <p>
                <label for="email">Email *</label>
                <input id="email" type="text" name="email"/>
                </p>
                
                <p>
                <label for="confirm_email">Confirm Email *</label>
                <input id="confirm_email" type="text" name="confirm_email"/>
                </p>
                
                <p>
                <label for="language">Language</label>
                <select name="language">
                    <option value="Vietnamese">Tiếng Việt</option>
                    <option value="English">English</option>
                    <option value="Deusch">Deusch</option>
                    <option value="Francais">Francais</option>
                    <option value="Netherlands">Netherlands</option>
                    <option value="Polski">Polski</option>
                    <option value="Italiano">Italiano</option>
                    <option value="Norwegian">Norwegian</option>
                    <option value="Espanol">Espanol</option>
                    <option value="Potugues">Potugues</option>
                    <option value="Chinese"> 中文</option>
                </select>
                </p>
                
                <p>
                <button id="submit" class="submit" type="submit">Submit</button>
                </p>
            </fieldset>  
            <?php echo form_close();?>
            <!--FORM CLOSE-->
		<div id="required">
		<p>* Required Fields<br/></p>
		</div>


            </div>
        
        <!--END #signup-inner -->
        </div>
        
    <!--END #signup-form -->   
    </div>

</body>
</html>
